<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>LengKeng</title>
	<script src="js/lucene.js"></script>
	<link rel="stylesheet" href="css/lucene.css" type="text/css" />
	<link rel="stylesheet" href="css/reset.css" type="text/css" />
	<link rel="stylesheet" href="css/forminput.css" type="text/css" />
	<style>
.logo_main {
	float: left;
	height: auto;
	margin: 8% auto auto;
	text-align: center;
	width: 100%;
}

.search_form {
	text-align: center;
	width: 100%;
}

.main {
	background-size: 100%;
	min-height: 0px;
}

body {
	border-top: 2px solid #4485F8;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #C8C8C8;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #C8C8C8;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #C8C8C8;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #C8C8C8;
}

.logo {
	margin: 90px auto auto;
	text-align: center;
	width: 100%;
}

.logo img {
	width: 400px;
}
</style>
</h:head>
<h:body>
	<p:ajaxStatus
		style="bottom: 68%;
				    height: 32px;
				    position: fixed;
				    right: 50%;
				    width: 32px;
				    z-index: 99999;">
		<f:facet name="start">
			<p:graphicImage value="image/loading.gif" />
		</f:facet>

		<f:facet name="complete">
			<h:outputText value="" />
		</f:facet>
	</p:ajaxStatus>
	<div class="main">
		<div class="logo">
			<img src="image/logo.png"></img>
		</div>
		<div class="search_form">
			<h:form onkeypress="if (event.keyCode == 13) { return false; }">

				<h:inputText id="txt-search" value="#{searchBean.textSearch}"
					styleClass="input-search"
					onkeypress="if (event.keyCode == 13)  $('.press').trigger('click');">
				</h:inputText>
				<p:watermark value="Nhập tìm kiếm.." for="txt-search"></p:watermark>
				<p:commandButton styleClass="press"
					actionListener="#{searchBean.doSearch}"></p:commandButton>
				<p:commandLink action="#{searchBean.doSearch}">
					<div class="div-search">
						<p:graphicImage value="image/515.png" />
					</div>
				</p:commandLink>
			</h:form>
		</div>
	</div>
</h:body>
</html>